<!DOCTYPE html>  
<html>
	<meta charset="utf-8" />  
	<title>WebSocket Test</title>  
<body>
	<h2>indexedDB</h2>  
</body>
<script type="text/javascript">

	// 我们的客户数据看起来像这样。
	const customerData = [
	  { ssn: "444-44-4444", name: "Bill", age: 35, email: "bill@company.com" },
	  { ssn: "555-55-5555", name: "Donna", age: 32, email: "donna@home.org" }
	];
	const dbName = "the_name";

	var request = indexedDB.open(dbName, 1);
	console.log(request)
	request.onerror = function(event) {
	  // 错误处理程序在这里。
	};
	request.onupgradeneeded = function(event) {
	  var db = event.target.result;

	  // 创建一个对象存储空间来持有有关我们客户的信息。
	  // 我们将使用 "ssn" 作为我们的 key path 因为它保证是唯一的。
	  var objectStore = db.createObjectStore("customers", { keyPath: "ssn" });

	  // 创建一个索引来通过 name 搜索客户。
	  // 可能会有重复的，因此我们不能使用 unique 索引。
	  objectStore.createIndex("name", "name", { unique: false });

	  // 创建一个索引来通过 email 搜索客户。
	  // 我们希望确保不会有两个客户使用相同的 email 地址，因此我们使用一个 unique 索引。
	  objectStore.createIndex("email", "email", { unique: true });

	  // 在新创建的对象存储空间中保存值
	  for (var i in customerData) {
	    objectStore.add(customerData[i]);
	  }
	};

</script>
</html>